<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/jquery.min.js"></script>
    <script>
        $(function () {
            var aaa = $("#aaa");
            var bbb = $("#bbb")

            $("#bt1").click(function () {
                // aaa.alert("style", "border:1px solid red");
                // aaa.attr("name", "tom");

                aaa.prop("class", "aaa");
                bbb.prop("name", "tom");
            })

            $("#bt2").click(function () {
                aaa.removeAttr("style");
                aaa.removeAttr("name");
            })

            $("#bt3").click(function () {
                aaa.addClass("aaa")
            })

            $("#bt4").click(function () {
                aaa.removeAttr("aaa")
            })

        })

    </script>
</head>
<body>
    <div id="aaa">你好</div>
    <input type="button" value="添加属性" id="bt1">
    <input type="button" value="删除属性" id="bt2">
    <input type="button" value="添加class属性" id="bt3">
    <input type="button" value="删除class属性" id="bt4">
</body>
</html>